<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
  PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
      <title>Dochody</title><style type="text/css">
                    tr:target{
                        background-color: yellow;
                    }
                    body{
                       
                        
                    }
                    img{
                        height: 30px;
                    }
                    div.samochód{
                        width: 400px;
                        border-color: #efefef;
                        border-style: solid;
                        border-bottom-style: dotted;
                        padding: 10px; 
                    }
                    div.samochód:hover{
                    background-color: #66CCFF;
                    }
                    
                    div.samochód div{
                        display: none;
                        margin-left: 20px;
                        margin-top: 15px;
                        width: 300px;
                        border-left-color: #efefef;
                        border-right-color: #efefef;
                        border-right-style: solid;
                        border-left-style: solid;
                    }
                    ul{
                        list-style-type:circle;
                    }
                    div#footer{
                        margin-top: 10px;
                        border-color: red;
                        border-top-style: dashed;
                    }
                    
                    div#footer p{
                        text-align: center;
                       font-size: 12px;
                       
                       text-decoration: underline; 
                        
                    }
                    
                </style><script type="text/javascript">
                    function show(id) {
                    var element = document.getElementById(id);
                    if(element.style.display == 'block'){
                            element.style.display = 'none';
                        } else {
                            element.style.display = 'block';
                        }
                    }
                   
                    
                </script></head>
   <body>
      <h1>Pojazdy</h1>
      <div class="pojazdy" id="pojazdy">
         <div class="samochód" id="s1" onclick="show('add-w1-s1')"><img src="images/Opel.jpg" alt="Opel" /><b>Opel</b> Astra 2005r.
            <div id="add-w1-s1">
               <table>
                  <tr>
                     <td>
                        Właściciel: 
                        
                     </td>
                     <td><a href="plik.html#koszt-w1">Jakub Adamczyk</a></td>
                  </tr>
                  <tr>
                     <td>
                        Części:
                        
                     </td>
                     <td>
                        <ul>
                           <li>akumulator - centra</li>
                        </ul>
                     </td>
                  </tr>
                  <tr>
                     <td>
                        Naprawy:
                        
                     </td>
                     <td>
                        <ul>
                           <li>wymiana akumulatora</li>
                        </ul>
                     </td>
                  </tr>
               </table>
            </div>
         </div>
         <div class="samochód" id="s2" onclick="show('add-w1-s2')"><img src="images/Opel.jpg" alt="Opel" /><b>Opel</b> Corsa 1999r.
            <div id="add-w1-s2">
               <table>
                  <tr>
                     <td>
                        Właściciel: 
                        
                     </td>
                     <td><a href="plik.html#koszt-w1">Jakub Adamczyk</a></td>
                  </tr>
                  <tr>
                     <td>
                        Części:
                        
                     </td>
                     <td>
                        <ul>
                           <li>świeca żarowa - delphi</li>
                        </ul>
                     </td>
                  </tr>
                  <tr>
                     <td>
                        Naprawy:
                        
                     </td>
                     <td>
                        <ul>
                           <li>wymiana świec żarowych</li>
                        </ul>
                     </td>
                  </tr>
               </table>
            </div>
         </div>
         <div class="samochód" id="s3" onclick="show('add-w2-s3')"><img src="images/Renault.jpg" alt="Renault" /><b>Renault</b> Megane 2009r.
            <div id="add-w2-s3">
               <table>
                  <tr>
                     <td>
                        Właściciel: 
                        
                     </td>
                     <td><a href="plik.html#koszt-w2">Kacper Dębski</a></td>
                  </tr>
                  <tr>
                     <td>
                        Części:
                        
                     </td>
                     <td>
                        <ul>
                           <li>filtr powietrza - filtron</li>
                           <li>  filtr oleju - bosch</li>
                           <li>  olej - total</li>
                           <li>  filtr kabinowy - filtron</li>
                        </ul>
                     </td>
                  </tr>
                  <tr>
                     <td>
                        Naprawy:
                        
                     </td>
                     <td>
                        <ul>
                           <li>serwis okresowy</li>
                        </ul>
                     </td>
                  </tr>
               </table>
            </div>
         </div>
         <div class="samochód" id="s4" onclick="show('add-w6-s4')"><img src="images/Peugeot.jpg" alt="Peugeot" /><b>Peugeot</b> 207 2007r.
            <div id="add-w6-s4">
               <table>
                  <tr>
                     <td>
                        Właściciel: 
                        
                     </td>
                     <td><a href="plik.html#koszt-w6">Bartosz Kowalczyk</a></td>
                  </tr>
                  <tr>
                     <td>
                        Części:
                        
                     </td>
                     <td>
                        <ul>
                           <li>amortyzator przedni - monroe</li>
                           <li>  amortyzator tylni - monroe</li>
                        </ul>
                     </td>
                  </tr>
                  <tr>
                     <td>
                        Naprawy:
                        
                     </td>
                     <td>
                        <ul>
                           <li>wymiana amortyzatorów</li>
                        </ul>
                     </td>
                  </tr>
               </table>
            </div>
         </div>
         <div class="samochód" id="s5" onclick="show('add-w7-s5')"><img src="images/BMW.jpg" alt="BMW" /><b>BMW</b> X5 2001r.
            <div id="add-w7-s5">
               <table>
                  <tr>
                     <td>
                        Właściciel: 
                        
                     </td>
                     <td><a href="plik.html#koszt-w7">Anna Nowak</a></td>
                  </tr>
                  <tr>
                     <td>
                        Części:
                        
                     </td>
                     <td>
                        <ul>
                           <li>klocki hamulcowe przednie - ferodo</li>
                           <li>  tarcze hamulcowe przednie - ferodo</li>
                        </ul>
                     </td>
                  </tr>
                  <tr>
                     <td>
                        Naprawy:
                        
                     </td>
                     <td>
                        <ul>
                           <li>naprawa hamulców</li>
                        </ul>
                     </td>
                  </tr>
               </table>
            </div>
         </div>
         <div class="samochód" id="s6" onclick="show('add-w5-s6')"><img src="images/Alfa Romeo.jpg" alt="Alfa Romeo" /><b>Alfa Romeo</b> 159 2005r.
            <div id="add-w5-s6">
               <table>
                  <tr>
                     <td>
                        Właściciel: 
                        
                     </td>
                     <td><a href="plik.html#koszt-w5">Michał Grązka</a></td>
                  </tr>
                  <tr>
                     <td>
                        Części:
                        
                     </td>
                     <td>
                        <ul>
                           <li>wahacz przedni lewy - bosch</li>
                        </ul>
                     </td>
                  </tr>
                  <tr>
                     <td>
                        Naprawy:
                        
                     </td>
                     <td>
                        <ul>
                           <li>wymiana wahacza</li>
                        </ul>
                     </td>
                  </tr>
               </table>
            </div>
         </div>
         <div class="samochód" id="s7" onclick="show('add-w4-s7')"><img src="images/Skoda.jpg" alt="Skoda" /><b>Skoda</b> Octavia 2006r.
            <div id="add-w4-s7">
               <table>
                  <tr>
                     <td>
                        Właściciel: 
                        
                     </td>
                     <td><a href="plik.html#koszt-w4">Filip Kłos</a></td>
                  </tr>
                  <tr>
                     <td>
                        Części:
                        
                     </td>
                     <td>
                        <ul>
                           <li>pasek rozrządu - contitech</li>
                           <li>  rolka paska rozrządu - bosch</li>
                           <li>  napinacz paska rozrządu - bosch</li>
                           <li>  pompa wody - bosch</li>
                        </ul>
                     </td>
                  </tr>
                  <tr>
                     <td>
                        Naprawy:
                        
                     </td>
                     <td>
                        <ul>
                           <li>wymiana rozrządu</li>
                        </ul>
                     </td>
                  </tr>
               </table>
            </div>
         </div>
         <div class="samochód" id="s8" onclick="show('add-w8-s8')"><img src="images/Renault.jpg" alt="Renault" /><b>Renault</b> Clio 2004r.
            <div id="add-w8-s8">
               <table>
                  <tr>
                     <td>
                        Właściciel: 
                        
                     </td>
                     <td><a href="plik.html#koszt-w8">Monika Fronc</a></td>
                  </tr>
               </table>
            </div>
         </div>
         <div class="samochód" id="s9" onclick="show('add-w3-s9')"><img src="images/Peugeot.jpg" alt="Peugeot" /><b>Peugeot</b> 407 2008r.
            <div id="add-w3-s9">
               <table>
                  <tr>
                     <td>
                        Właściciel: 
                        
                     </td>
                     <td><a href="plik.html#koszt-w3">Szymon Kędra</a></td>
                  </tr>
               </table>
            </div>
         </div>
         <div class="samochód" id="s10" onclick="show('add-w9-s10')"><img src="images/Mercedes.jpg" alt="Mercedes" /><b>Mercedes</b> GLK 2004r.
            <div id="add-w9-s10">
               <table>
                  <tr>
                     <td>
                        Właściciel: 
                        
                     </td>
                     <td><a href="plik.html#koszt-w9">Julia Cacko</a></td>
                  </tr>
               </table>
            </div>
         </div>
         <div class="samochód" id="s11" onclick="show('add-w5-s11')"><img src="images/BMW.jpg" alt="BMW" /><b>BMW</b> X1 2007r.
            <div id="add-w5-s11">
               <table>
                  <tr>
                     <td>
                        Właściciel: 
                        
                     </td>
                     <td><a href="plik.html#koszt-w5">Michał Grązka</a></td>
                  </tr>
               </table>
            </div>
         </div>
         <div class="samochód" id="s12" onclick="show('add-w2-s12')"><img src="images/Mercedes.jpg" alt="Mercedes" /><b>Mercedes</b> CKL 2003r.
            <div id="add-w2-s12">
               <table>
                  <tr>
                     <td>
                        Właściciel: 
                        
                     </td>
                     <td><a href="plik.html#koszt-w2">Kacper Dębski</a></td>
                  </tr>
               </table>
            </div>
         </div>
         <div class="samochód" id="s13" onclick="show('add-w7-s13')"><img src="images/Subaru.jpg" alt="Subaru" /><b>Subaru</b> Impreza 2005r.
            <div id="add-w7-s13">
               <table>
                  <tr>
                     <td>
                        Właściciel: 
                        
                     </td>
                     <td><a href="plik.html#koszt-w7">Anna Nowak</a></td>
                  </tr>
               </table>
            </div>
         </div>
         <div class="samochód" id="s14" onclick="show('add-w6-s14')"><img src="images/Audi.jpg" alt="Audi" /><b>Audi</b> A4 1998r.
            <div id="add-w6-s14">
               <table>
                  <tr>
                     <td>
                        Właściciel: 
                        
                     </td>
                     <td><a href="plik.html#koszt-w6">Bartosz Kowalczyk</a></td>
                  </tr>
               </table>
            </div>
         </div>
         <div class="samochód" id="s15" onclick="show('add-w4-s15')"><img src="images/Opel.jpg" alt="Opel" /><b>Opel</b> Insignia 2010r.
            <div id="add-w4-s15">
               <table>
                  <tr>
                     <td>
                        Właściciel: 
                        
                     </td>
                     <td><a href="plik.html#koszt-w4">Filip Kłos</a></td>
                  </tr>
               </table>
            </div>
         </div>
      </div>
      <h2>Podsumowanie dochodów</h2>
      <table border="1">
         <tr>
            <td>
               Dane
               
            </td>
            <td>
               Naprawy
               
            </td>
            <td>
               Częśći
               
            </td>
            <td>
               Przęglady
               
            </td>
            <td>
               Suma
               
            </td>
         </tr>
         <tr id="koszt-w1">
            <td>Jakub Adamczyk</td>
            <td>170.00</td>
            <td>299.00</td>
            <td>0.00</td>
            <td>469.00</td>
         </tr>
         <tr id="koszt-w2">
            <td>Kacper Dębski</td>
            <td>80.00</td>
            <td>210.00</td>
            <td>58.00</td>
            <td>348.00</td>
         </tr>
         <tr id="koszt-w3">
            <td>Szymon Kędra</td>
            <td>0.00</td>
            <td>0.00</td>
            <td>98.00</td>
            <td>98.00</td>
         </tr>
         <tr id="koszt-w4">
            <td>Filip Kłos</td>
            <td>300.00</td>
            <td>417.00</td>
            <td>98.00</td>
            <td>815.00</td>
         </tr>
         <tr id="koszt-w5">
            <td>Michał Grązka</td>
            <td>150.00</td>
            <td>499.00</td>
            <td>98.00</td>
            <td>747.00</td>
         </tr>
         <tr id="koszt-w6">
            <td>Bartosz Kowalczyk</td>
            <td>200.00</td>
            <td>176.00</td>
            <td>98.00</td>
            <td>474.00</td>
         </tr>
         <tr id="koszt-w7">
            <td>Anna Nowak</td>
            <td>110.00</td>
            <td>375.00</td>
            <td>98.00</td>
            <td>583.00</td>
         </tr>
         <tr id="koszt-w8">
            <td>Monika Fronc</td>
            <td>0.00</td>
            <td>0.00</td>
            <td>98.00</td>
            <td>98.00</td>
         </tr>
         <tr id="koszt-w9">
            <td>Julia Cacko</td>
            <td>0.00</td>
            <td>0.00</td>
            <td>58.00</td>
            <td>58.00</td>
         </tr>
         <tr id="koszt-w10">
            <td>Zuzanna Domańska</td>
            <td>0.00</td>
            <td>0.00</td>
            <td>0.00</td>
            <td>0.00</td>
         </tr>
         <tr>
            <td colspan="4">
               Suma
               
            </td>
            <td>3690</td>
         </tr>
      </table>
      <div id="footer">
         <p class="autor">Mateusz Łędzewicz 173132</p>
         <p class="autor">Patryk Powiłan 173180</p>
         <p class="date">2013-12-15T16:19:25.404+01:00<a href="plik.html#pojazdy"><img src="images/top.jpg" alt="Wróc do góry strony" /></a></p>
      </div>
   </body>
</html>